<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/grid.css" rel="stylesheet" type="text/css" />
<link href="css/tips.css" rel="stylesheet" type="text/css" />
<link href="css/public.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.PW {
	max-width:80%;
	min-width:740px;
	margin: auto;
}
</style>
</head>
<body>
	<div class="Panel pt5 pb5">
		<div class="PW">
			<ul class="Menu clear  ">
				<li>
					<button class="Button-link Item fl ">
						<h2 style="color: #0f88eb">Jplus Site</h2>
					</button>
					<div class="pt5 fl ml5 ">
						<button class=" Button-link Item fb Active ">首页</button>
						<button class=" Button-link Item fb">发现</button>
						<button class=" Button-link Item fb">话题</button>
					</div>
				</li>
				<li class='fr'>
					<button class=" Button-link">注册</button>
					<button class=" Button-blue">注册</button>
					<button class=" Button-primary Button-blue">登录</button>
				</li>
			</ul>
		</div>
	</div>
	<div class="PW  ">
		<div class="Panel p10  ">
			<button class=" Button-blue">注册</button>
			<button class=" Button-blue">注册</button>
		</div>
		<div class="Panel p10  ">
			<ul class="Ul-list">
				<li>
					<button>按钮</button>
				</li>
				<li>
					<button class="Button-primary Button-link">Button-link</button>
					<button class="Button-primary Button-grey">Button-grey</button>
					<button class="Button-primary Button-blue">Button-blue</button>
					<button class="Button-primary Button-green">Button-green</button>
				</li>

				<li>
					<button class="Button-link">Button-link</button>
					<button class="Button-grey">Button-grey</button>
					<button class="Button-blue">Button-blue</button>
					<button class="Button-green">Button-green</button>
				</li>
			</ul>
			<button class="Button-icon">Button-icon</button>
			<button class="Button-spread">Button-spread</button>
		</div>
	</div>


</body>
</html>